.tbtn {
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: space-around;
}

.center {
  margin-top: 20px;
  /* display: flex; */
  justify-content: center;
  /* align-items: center; */
  text-align: center;
}


@media screen and (max-device-width:960px){
   .loginCard {
     width: 100%;
     display: flex;
     justify-content: center;
     flex-direction: column;
     /* background: gray;
   		border: gray; */
   }
   	.registerCard {
   	  width: 100%;
   	  height: max-content;
   	  display: flex;
   	  justify-content: center;
   	  flex-direction: column;
   	  /* background: gray;
   			border: gray; */
   	}
}


@media screen and (min-device-width:960px){
    .loginCard {
      width: 70%;
      display: flex;
      justify-content: center;
      flex-direction: column;
      /* background: gray;
    		border: gray; */
    }
		.registerCard {
		  width: 85%;
		  height: max-content;
		  display: flex;
		  justify-content: center;
		  flex-direction: column;
		  /* background: gray;
				border: gray; */
		}
}




.container {
  height: 85vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: white;
  margin-top: 7%;
}

.login_bk{
  background-size: cover;
  background-attachment: fixed;
  /* color: gray; */
  width: 100%;
  height: 200%;
  position: fixed;
  margin-top:-50px;
  background-color: rgba(89, 90, 50, 0.658);
}